<template>
  <div>
    <h3>{{ x }} y=>{{ y }}</h3>
    <button @click="change(10, 100)">改变</button>
  </div>
</template>

<script setup lang="ts">
// 1.引入hook 
// hook 相当于vue2的混入
import hook from './hook'
console.log(hook()) //hook为一个函数 导出的为hook.ts里的export default 后面的内容

const { x, y, change } = hook()

</script>

<style scoped></style>